<template>
	<view class="content">
		<h3>支付金额</h3>
		<h2><span>￥</span> 99.00</h2>

		<view class="global_wra">
			<view class="global_tit">支付用户</view>
			<u-gap height="10" bg-color="#fff"></u-gap>
			<u-row gutter="10" class="user_info_wra">
				<u-col span="2">
					<u-avatar src="https://cdn.uviewui.com/uview/album/1.jpg"></u-avatar>
				</u-col>
				<u-col span="10">
					<view class="user_info">
						<p>姓名</p>
						<!-- <h4>手机号码：13888888888</h4> -->
					</view>
				</u-col>
			</u-row>
			<u-gap height="10" bg-color="#fff"></u-gap>
		</view>

		<view class="tips">
			说明：后续可申请退款
		</view>

		<view class="sign">
			<view class="sign_inner">
				<u-button color="#00B5C3" text="立即支付" :disabled=disabled @click="toBuy"></u-button>
			</view>
		</view>

	</view>
</template>

<script>
	import * as CommonApi from '@/api/home'
	export default {
		data() {
			return {
				order_id: '123'
			}
		},
		onLoad() {

		},
		methods: {
			toBuy() {
				CommonApi.settleInPay({
						order_id: this.order_id,
						order_type: 1,
						openid: uni.getStorageSync("openid")
					})
					.then(result => {
						uni.requestPayment({
							provider: 'wxpay', // 服务提提供商
							orderInfo: {
								total_fee: 99.00,
							},
							timeStamp: result.data.timeStamp, // 时间戳
							nonceStr: result.data.nonceStr, // 随机字符串
							package: result.data.package,
							signType: result.data.signType, // 签名算法
							paySign: result.data.sign, // 签名
							success: function(res) {
								console.log('支付成功', res);
								// 业务逻辑
							},
							fail: function(err) {
								console.log('支付失败', err);
							}
						})
					})


				// toBuy() {
				// 	CommonApi.settleInCreate({
				// 			enterprise_id: 1,
				// 			order_type:1
				// 		})
				// 		.then(result => {
				// 			if (result.status == 200 ) {
				// 				this.order_id = '123'

				// 				CommonApi.settleInPay({
				// 						order_id: this.order_id,
				// 						order_type: 1,
				// 						openid:uni.getStorageSync("wechatmini_openid")
				// 					})
				// 					.then(result => {
				// 						uni.requestPayment({
				// 							provider: 'wxpay', // 服务提提供商
				// 							orderInfo:{
				// 								total_fee:200.00,
				// 							},
				// 							timeStamp: result.data.timestamp, // 时间戳
				// 							nonceStr: result.data.noncestr, // 随机字符串
				// 							package: result.data.package,
				// 							signType: result.data.signtype, // 签名算法
				// 							paySign: result.data.sign, // 签名
				// 							success: function(res) {
				// 								console.log('支付成功', res);
				// 								// 业务逻辑
				// 							},
				// 							fail: function(err) {
				// 								console.log('支付失败', err);
				// 							}
				// 						})
				// 					})
				// 					.catch(() => console.log("catch"))
				// 			}
				// 		})
				// 		.catch(() => console.log("catch"))
			},
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 96%;
		margin: 0 2%;
		h3 {
			text-align: center;
			font-size: 14px;
			margin: 50px 0 10px 0;
			color: #999;
		}

		h2 {
			text-align: center;
			font-size: 28px;
			color: #f00;

			span {
				font-size: 20px;
			}
		}
	}

	.global_wra {
		background-color: #fff;
		border-radius: 10px;
		margin: 20px 3% 0 3%;

		.global_tit {
			border-bottom: 1px solid #eee;
			line-height: 3;
			padding-left: 10px;
		}

		.user_info_wra {
			margin: 10px 0;
		}

		.user_info {
			font-size: 14px;
			color: #999;
		}
	}

	.sign {
		position: fixed;
		bottom: 0px;
		background-color: #fff;
		width: 96%;
		z-index: 99;
	}

	.sign_inner {
		width: 100%;
		margin: 0 0% 10px 0%;
	}

	.inner {
		padding: 0 15px 80px 15px;
	}

	.tips {
		color: #999;
		font-size: 12px;
		margin: 20px 2%;
	}
</style>
